<template>
  <view class="logon">
    <view class="content">
      <view class="big">账号登陆</view>
      <uv-input
        placeholder="手机号"
        prefixIcon="phone"
        shape="circle"
      ></uv-input>
      <uv-input
        placeholder="验证码"
        prefixIcon="chat"
        shape="circle"
      ></uv-input>
      <uv-button text="登 录" shape="circle" color="#FC4424"></uv-button>
      <view class="l1">新用户<text>注册</text></view>
      <view class="l2">获取验证码</view>
    </view>
    <view class="bottom">
      <view>
        <image src="../../static/logon.png" ></image>
      </view>
      <view>同意正茂通<text>《用户协议》</text>及<text>《隐私政策》</text></view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss">
.logon {
  .content {
    position: relative;
    padding-top: 30px;
    width: 85%;
    margin: auto;
    .big{
      font-weight: bold;
      font-size: 25px;
      text-align: center;
    }
    .uv-input {
      margin-bottom: 20px;
      height: 30px;
    }
    .l1 {
      text-align: center;
      margin-top: 15px;
      font-size: 14px;
      text {
        color: #fc593d;
      }
    }
    .l2 {
      color: #fc593d;
      font-size: 14px;
      position: absolute;
      right: 10px;
      bottom: 105px;
    }
  }
  .bottom {
    width:85%;
    margin:auto;
    margin-top:250px;
    display: flex;
    view:nth-child(1){
      width:20px;
      margin-right:8px;
      image{
        width:100%;
        height:100%;
      }
    }
    view:nth-child(2){
      font-size: 14px;
      color:#ADADAD;
      text{
        color:#FC593D;
      }
    }
  }
}
</style>
